<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Simple Map</title>

    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/esri/css/esri.css">
    <style>
        html, body, #map {
            height: 100%;
            margin: 0;
            padding: 0;
        }

    </style>

    <script src="/javascripts/arcgis_js_api/library/3.16/3.16/init.js"></script>
    <script src="/javascripts/arcgis_js_api/library/3.16/3.16/esri/layers/layer.js"></script>
    <script>
        var map, myLayer;

        require([
                    "esri/map",
                    "esri/layers/ArcGISTiledMapServiceLayer",
                    "dojo/domReady!"
                ],
                function(Map,ArcGISTiledMapServiceLayer) {
            map = new Map("map", {
//                 "streets" | "satellite" | "hybrid" | "topo" | "gray"
//                    | "dark-gray" | "oceans" | "national-geographic" | "terrain" | "osm"
//                    | "dark-gray-vector" | "gray-vector" | "streets-vector" |
//                    "streets-night-vector" | "streets-relief-vector" | "streets-navigation-vector"
//                    | "topo-vector"
                basemap: false,  //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
                center: [106.45, 30.75],// longitude, latitude
                spatialReference:3857,
                zoom: 6
            });
           myLayer=new ArcGISTiledMapServiceLayer("http://192.168.1.157:8399/arcgis/rest/services/changjiang/basin/MapServer");
            map.addLayer(myLayer);
        });


    </script>
</head>

<body>
<div id="map"></div>
</body>
</html>